<template>
  <v-row no-gutters justify="center" class="mt-5">
    <v-col class="" xl="9" lg="8" md="8" sm="12">
      <div>
        <UserCard />
      </div>
      <div class="pt-3">
        <UserActivity />
      </div>
    </v-col>
    <v-col
      class="pl-5 item_sticky"
      cols="3"
      v-if="!this.$vuetify.breakpoint.smAndDown"
    >
      <v-row>
        <Archive />
      </v-row>
      <v-row class="pt-3">
        <Focus />
      </v-row>
      <v-row justify="space-between" class="pt-3">
        <v-col> 加入于 </v-col>
        <v-col class="d-flex justify-end"> 2018-01-11 </v-col>
        <v-col cols="12" class="py-0">
          <v-divider></v-divider>
        </v-col>
      </v-row>
    </v-col>
  </v-row>
</template>

<script>
import UserCard from '~/components/homepage/UserCard'
import Archive from '~/components/homepage/Archive'
import Focus from '~/components/homepage/Focus'
import UserActivity from '~/components/homepage/UserActivity'

export default {
  transition: 'slide-left',
  components: { UserCard, Archive, Focus, UserActivity },
}
</script>

<style></style>
